.user-level{
	min-height: 100vh;
	background-color: #f2f2f2;
	position: relative;
	display:flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 50rpx;
		.level-list-scroll-wrapper{
			position: relative;
			width: calc(100vw - 32rpx);
			height: 294rpx;
			right: 0rpx;
			// top: 124rpx;
			top: 32rpx;
			.list-wrapper{
		       white-space: nowrap;
		     .level-item-wrapper{
					display: inline-block;
					width: 600rpx;
					height: 294rpx;
					margin-right: 24rpx;
					position: relative;
					&:last-of-type{
						&::after{
							content:"";
							display: inline-block;
							width: 100rpx;
							height: 100%;
							margin-right: 24rpx;
						}
					}
					.label{
						height: 34rpx;
						font-size: 24rpx;
						font-family: $global-font-family;
						font-weight: 400;
						color: #333333;
						line-height: 34rpx;
						position: absolute;
						top: 30rpx;
						left: 24rpx;
					}
				}
			}
		}
		.level-introduce-container{
			width: 686rpx;
			// min-height: 454rpx;
			background: linear-gradient(180deg, #84D0FF 0%, #018AE6 100%);
			border-radius: 24rpx;
			margin-top: 126rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 24rpx;
			box-sizing: border-box;
			position: relative;
			.title{
				width: 424rpx;
				height: 90rpx;
				border-radius: 16rpx;
				background: linear-gradient(180deg, #7B96FF 0%, #355DF9 100%);
				font-size: 32rpx;
				font-family: $global-font-family;
				font-weight: 800;
				color: #FFFFFF;
				text-align: center;
				line-height: 90rpx;
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			.content{
				width:100%;
				min-height: 100%;
				background: linear-gradient(180deg, #FFFFFF 0%, #D6EFFF 100%);
				border-radius: 24rpx;
				padding: 60rpx 24rpx 60rpx 24rpx;
				box-sizing: border-box;
			}
		}
	.btn-wrapper{
		width: 574rpx;
		height: 100rpx;
		margin-top: 190rpx;
		.level-up-btn{
			width: 100%;
			height: 100%;
			background: linear-gradient(129deg, #FFBF38 0%, #FF8000 100%);
			border-radius: 24rpx;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}